<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<base href="<%=basePath%>">
	<title>首页在线学习平台 [+QQ:2027776292]</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description"
		  content="ForFuture Group、ForFuturn News,ForFuture Share,ForFuture Shopping" />
	<meta name="keywords" content="在线学习平台，知识共享!共祝教育事业！  +QQ  2027776292" />
	<meta name="author" content="http://javaaj.com" />
	<link rel="shortcut icon"
		  href="https://8.url.cn/edu/edu_modules/edu-ui/img/nohash/favicon.ico">


	<link href="resource/css1/bootstrap.min.css" rel="stylesheet" media="screen">
	<link href="resource/css1/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
	<link rel="stylesheet" href="resource/css1/font/fontello.css" type="text/css" media="screen"/>
	<link href="resource/css1/styles.css" rel="stylesheet" media="screen">
	<link href="resource/css1/media-queries.css" rel="stylesheet" media="screen">

</head>
<body>

<header id="top">
	<div class="top-border"></div>
	<div class="container">
		<div class="row-fluid">
			<div class="span3"><a href="http://javaaj.com" target="_blank" style="font-size: 40px">在线学习平台</a></div>
			<div class="span9">
				<ul class="main-menu">
					<li><a href="index.html" class="current">主页</a></li>
					<li><a href="logon.html">登录</a></li>
					<li><a href="register.html">注册</a></li>
				</ul>
			</div>
		</div>
	</div>
</header>

<div id="indexContainer">
<section id="slider">
	<div class="container">
		<div id="mainSlider" class="carousel slide">
			<div class="carousel-inner" >
				<div class="item" :class="{'active':index==0}" v-for="(item,index) in indexPic" >
					<div class="slide1 nBg">
						<div class="row-fluid">
							<div class="span6">
								<h2 class="titleone">{{item.name}}</h2>
								<span style="padding-left: 20px;">{{item.collegeName}}</span>
								<p style="margin-top: 10px">{{item.intro}}</p>
								<a class="big-grn-btn" href="logon.html"  target="_blank">立即访问</a>
							</div>
							<div class="span6"><img :src="item.path" alt="image alt text"/></div>
						</div>
					</div>
				</div>
			</div>

			<a class="carousel-control left" href="#mainSlider" data-slide="prev">&lsaquo;</a>
			<a class="carousel-control right" href="#mainSlider" data-slide="next">&rsaquo;</a>

			<ol class="carousel-indicators">
				<li data-target="#mainSlider" data-slide-to="0" class="active"></li>
				<li data-target="#mainSlider" data-slide-to="1"></li>
				<li data-target="#mainSlider" data-slide-to="2"></li>
				<li data-target="#mainSlider" data-slide-to="3"></li>
			</ol>
		</div>
	</div>
	<div class="slider-pag-bg"></div>
</section>

<section id="services" class="intro">
	<div class="container">
		<div class="row-fluid">
			<div class="span12" v-for="(item,index) in noticeList">
				<h1>{{item.title}}</h1>
				<p>{{item.content}}  -- {{dateFormat(item.recordTime)}}</p>
			</div>
		</div>
	</div>
</section>
</div>

<section id="contact">
	<div class="container">
		<div class="row-fluid">
			<div class="span12" style="text-align: center">
				<div><span>&copy 2020 || 版权所有| 违者必追|
					Designed by <a href='http://javaaj.com/' style="color: #05e387">ForFuture</a>
					</span>
					<span>Powered by QQ:2027776292</span>
				</div>
				<div>
					<a href="http://wpa.qq.com/msgrd?v=3&uin=2027776292&site=qq&menu=yes" style="color:#f3f3f3;font-size:18px;">源码需求加QQ：2027776292</a>
				</div>
			</div>
		</div>
	</div>
</section>


<script type="text/javascript" src="resource/js1/jquery-1.8.3.min.js"></script>
<script src="resource/js1/bootstrap.js" type="text/javascript"></script>
<script src="resource/js1/easing.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="resource/js1/waypoints.min.js"></script>
<script type="text/javascript" src="resource/js1/jquery.easy-pie-chart.js"></script>
<script src="resource/js1/responsiveslides.js" type="text/javascript" charset="utf-8"></script>
<script src="resource/js1/scroll/smooth-scroll.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="resource/js1/jquery-func.js"></script>

<script type="text/javascript" src="resource/js/vue.min.js"></script>
<script type="text/javascript" src="resource/js/vue-resource.js"></script>
<script type="text/javascript">
	var indexVue=new Vue({
		el:"#indexContainer",
		data:{
			indexPic:[],
			noticeList:[]
		},
		methods:{
			//格式化时间
			dateFormat:function(time) {
				var date=new Date(time);
				var year=date.getFullYear();
				/* 在日期格式中，月份是从0开始的，因此要加0
				 * 使用三元表达式在小于10的前面加0，以达到格式统一  如 09:11:05
				 * */
				var month= date.getMonth()+1<10 ? "0"+(date.getMonth()+1) : date.getMonth()+1;
				var day=date.getDate()<10 ? "0"+date.getDate() : date.getDate();
				var hours=date.getHours()<10 ? "0"+date.getHours() : date.getHours();
				var minutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();
				var seconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds();
				// 拼接
				return year+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds;
			}
		},
		created:function(){
			this.$http.get("indexPic.action").then(
					function(res){
						this.indexPic=res.data;
					},
					function(res){
						console.log(res);
					}
			);
			this.$http.get("notice.action").then(
					function(res){
						this.noticeList=res.data;
					},
					function(res){
						console.log(res);
					}
			);
		}
	});
</script>
</body>
</html>





